<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>sample4</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript">
$(function(){
	$("th:nth-child(odd)").css("background","#444444");
	$("tr:nth-child(even)").css("background","#F2F2F2");
});
		</script>
		<style type="text/css">
		table{
			margin:100px auto;
		}
		th{
			background:#222222;
			color:white;
		}
		th,td{
			padding:5px;
			font-size:small;
		}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<th>no</th><th>DepCode</th><th>DepName</th><th>Tel</th><th>Bigo</th>
			</tr>
			<tr>
				<td>1</td><td>T0001</td><td>Management</td><td>1234-5678</td><td>15</td>
			</tr>
			<tr>
				<td>2</td><td>T0002</td><td>Service</td><td>9999-9999</td><td>5</td>
			</tr>
			<tr>
				<td>3</td><td>T0003</td><td>Design</td><td>9876-5432</td><td>11</td>
			</tr>
			<tr>
				<td>4</td><td>T0004</td><td>App</td><td>0234-5678</td><td>7</td>
			</tr>
			<tr>
				<td>5</td><td>T0005</td><td>Platform</td><td>9999-7777</td><td>22</td>
			</tr>
			<tr>
				<td>6</td><td>T0006</td><td>WebDev</td><td>0904-5678</td><td>10</td>
			</tr>
			<tr>
				<td>7</td><td>T0007</td><td>Cloud</td><td>9876-5432</td><td>30</td>
			</tr>
			<tr>
				<td>8</td><td>T0008</td><td>Market</td><td>0999-7777</td><td>8</td>
			</tr>
		</table>
	</body>
</html>